﻿@using BonjourQuotation.UI.Models.SetupModel
@model SetupDetailsGridViewModel
@{
    
}
@using (@Html.BeginForm("AddNewDetail", "Setup", FormMethod.Post, new { id = "AddNewDetailForm" }))
{
     <div id="ErrorMessagesDivPopUp">
        <label for="Validation" id="errorMessageClient" class="errorMessage"></label>
        @if (Model.Message != null)
        {
            @Html.LabelForModel(Model.Message, new { @class = "errorMessage", id = "errorMessageServer" })
        }
    </div>
    
    Model.SelectedDetailDetailTypeID = Model.Rows[0].DetailTypeID;
    Model.SelectedDetailServiceTypeID = Model.Rows[0].SelectedDetailServiceTypeID;
    <div class="pull-right" style="margin-bottom:15px;">
        <div class="row form-row">
            <div class="ElementsPaddingRight30 col-lg-8">
                <div class="input-group">
                    <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.SelectedDetailDetailTypeIDText)</span>
                    @Html.DropDownListFor(model => Model.SelectedDetailDetailTypeID, new SelectList(Model.DetailTypeID, "Value", "Text"), new { @class = "DetailAddElementChange table_inputs_SmallPadding2 inpputgr form-control AddDetailDetailTypeDrop AddDetailTypeDrop" })
                    @Html.DropDownListFor(model => Model.Rows[0].DetailTypeID, new SelectList(Model.DetailTypeID, "Value", "Text"), new { @class = "RoomGridDropHide" })
                </div>
            </div>
            <div class="ElementsPaddingRight30 col-lg-4">
                <div class="input-group">
                    <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.Rows[0].DetailCode)</span>
                    @Html.TextBoxFor(model => model.Rows[0].DetailCode, new { @class = "DetailAddElementChange table_inputs_SmallPadding2 inpputgr form-control ElementsForValidation MaxLength20 Required" })
                </div>
            </div>
        </div>
        <div class="row form-row">
            <div class="ElementsPaddingRight30 col-lg-12">
                <div class="input-group">
                    <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.Rows[0].DetailDescription)</span>
                    @Html.TextBoxFor(model => model.Rows[0].DetailDescription, new { @class = "DetailAddElementChange table_inputs_SmallPadding2 inpputgr form-control ElementsForValidation MaxLength50 Required" })
                </div>
            </div>
        </div>
        <div class="row form-row">
            <div class="ElementsPaddingRight30 col-lg-12">
                <div class="input-group">
                    <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.Rows[0].ServiceTypeID)</span>
                    @Html.DropDownListFor(model => Model.SelectedDetailServiceTypeID, new SelectList(Model.Rows[0].ServiceTypeID, "Value", "Text"), "Select", new { @class = "DetailAddElementChange table_inputs_SmallPadding2 inpputgr form-control AddDetailServiceTypeDrop AddForChangeSeriveTypesFromDetailTypes" })
                    @Html.DropDownListFor(model => Model.Rows[0].SelectedDetailServiceTypeID, new SelectList(Model.Rows[0].ServiceTypeID, "Value", "Text"), "Select", new { @class = "RoomGridDropHide AddForChangeSeriveTypesFromDetailTypesImit" })
                </div>
            </div>
        </div>
        <div class="row form-row">
            <div class="ElementsPaddingRight30 col-lg-2">
                <div class="input-group">
                    <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.Rows[0].TimeFlg)</span>
                    @Html.CheckBoxFor(model => model.Rows[0].TimeFlg, new { @class = "DetailAddElementChange" })
                </div>
            </div>
            <div class="ElementsPaddingRight30 col-lg-2">
                <div class="input-group">
                    <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.Rows[0].VendFlg)</span>
                    @Html.CheckBoxFor(model => model.Rows[0].VendFlg, new { @class = "DetailAddElementChange" })
                </div>
            </div>
            <div class="ElementsPaddingRight30 col-lg-2">
                <div class="input-group">
                    <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.Rows[0].GuidFlg)</span>
                    @Html.CheckBoxFor(model => model.Rows[0].GuidFlg, new { @class = "DetailAddElementChange" })
                </div>
            </div>
            <div class="ElementsPaddingRight30 col-lg-3">
                <div class="input-group">
                    <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.Rows[0].AddrFlg)</span>
                    @Html.CheckBoxFor(model => model.Rows[0].AddrFlg, new { @class = "DetailAddElementChange" })
                </div>
            </div>
            <div class="ElementsPaddingRight30 col-lg-3">
                <div class="input-group">
                    <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.Rows[0].IsActive)</span>
                    @Html.CheckBoxFor(model => model.Rows[0].IsActive, new { @class = "DetailAddElementChange" })
                </div>
            </div>
        </div>
        <div class="SaveCancelDiv">
            <button class="btn14 btn50" type="button" onclick="$('#cboxClose').click()">Cancel</button>
            <button class="btn14 btn50" type="button" id="DetailAddBtn">Save</button>
        </div>
    </div>
}





